/*-----created by Joyan ----*/
/*-------公共样式------*/
[v-cloak] {
    display: none;
}
.gray_bg{
    background:#f3f5f6;
}
.box_shadow{box-shadow:0 10px 36px #e6e6e6;-moz-box-shadow:0 10px 36px #e6e6e6;}
.m_box{}
.f_color{color:#ff923a}
.clamp1{
    -ms-text-overflow: ellipsis;  text-overflow: ellipsis;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.clamp2{
    -ms-text-overflow: ellipsis;  text-overflow: ellipsis;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.clamp2{
    -ms-text-overflow: ellipsis;  text-overflow: ellipsis;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.slideleft{
    -webkit-transform: translateX(0);
    -webkit-animation-name: slideinfromright;
    -webkit-animation-duration: 250ms;
    transform: translateX(0);
    animation-name: slideinfromright;
    animation-duration: 250ms;
}
.fadein{
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 650ms; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
}
@-webkit-keyframes slideinfromright {
    from {
        -webkit-transform: translateX(100%);
    }

    to {
        -webkit-transform: translateX(0);
    }
}

@keyframes slideinfromright {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0; /*初始状态 透明度为0*/
    }
    20% {
        opacity: 0; /*中间状态 透明度为0*/
    }
    40% {
        opacity: 0.2; /*中间状态 透明度为0*/
    }
    50% {
        opacity: 0.4; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 1; /*结尾状态 透明度为1*/
    }
}

.scroll-top-box {
    position:fixed;
    z-index:9;
    right:80px;
    bottom:200px;
	transition:all ease 1200ms;
    cursor: pointer;
    display: none;
}




/* 右侧跳转按钮 */
.enterprise-jump-box {
    background-color: #ffffff;
    margin-bottom: 10px;
}

.enterprise-jump-box ul {
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	display: -webkit-flex;
	display: flex;
    justify-content: space-around;
}

.enterprise-jump-box ul li {
    text-align: center;
    position: relative;
    width: 50%;
    padding: 21px 0;
}

.enterprise-jump-box ul li:first-of-type {
    background: url(../img/index/recruit-bg.png) no-repeat;
    background-size: cover;
    background-position: 46px -6px;
}

.enterprise-jump-box ul li:last-of-type {
    background: url(../img/index/wx-bg.png) no-repeat;
    background-size: cover;
    background-position: 46px -6px;
}

.enterprise-jump-box ul li:first-of-type h3 {
    color: #1890FF;
    font-size: 14px;
}

.enterprise-jump-box ul li:last-of-type h3 {
    color: #6CB022;
    font-size: 14px;
}

.enterprise-jump-box ul li:first-of-type::after {
    position: absolute;
	right: 0;
	top: 20px;
	content: '';
	width: 1px;
    height: 60px;
    background-color: #E6E6E6;
} 

.enterprise-jump-box ul li .qrcode-bg {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	display: -webkit-flex;
	display: flex;
    justify-content: center;
    align-items: center;
    visibility:hidden
}

.enterprise-jump-box ul li:last-of-type:hover .qrcode-bg {
    visibility: visible;
}

.enterprise-jump-box ul li a {
    text-decoration: none;
}